import React from 'react';
import Svg, { G, Path, Rect, Mask } from 'react-native-svg';

import { IconProps } from '../../types';

export const SnoozedIcon = ({ stroke = '#858585' }: IconProps): JSX.Element => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <Path
        d="M15.3566 12.5H22L15.3566 20.5H22M3 4.5H14.958L3 17.8818H13.4965"
        stroke={stroke}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  );
};

export const SnoozedFilledIcon = () => {
  return (
    <Svg width="33" height="32" viewBox="0 0 33 32" fill="none">
      <Mask id="mask0_2222_48079" maskUnits="userSpaceOnUse" x="0" y="0" width="33" height="32">
        <Rect x="0.25" width="32" height="32" fill="#D9D9D9" />
      </Mask>
      <G mask="url(#mask0_2222_48079)">
        <Path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M21.2552 28.356C22.8964 27.7043 24.3687 26.7267 25.6722 25.4232C26.9757 24.1197 27.9533 22.6474 28.6051 21.0062C29.2568 19.3651 29.5827 17.6964 29.5827 16.0003C29.5827 14.3042 29.2568 12.6356 28.6051 10.9944C27.9533 9.35329 26.9757 7.88097 25.6722 6.57748C24.3687 5.27398 22.8964 4.29636 21.2552 3.64461C19.6141 2.99287 17.9455 2.66699 16.2493 2.66699C14.5532 2.66699 12.8846 2.99287 11.2435 3.64461C9.60231 4.29636 8.12999 5.27398 6.8265 6.57748C5.523 7.88097 4.54538 9.35329 3.89364 10.9944C3.24189 12.6356 2.91602 14.3042 2.91602 16.0003C2.91602 17.6964 3.24189 19.3651 3.89364 21.0062C4.54538 22.6474 5.523 24.1197 6.8265 25.4232C8.12999 26.7267 9.60231 27.7043 11.2435 28.356C12.8846 29.0078 14.5532 29.3337 16.2493 29.3337C17.9455 29.3337 19.6141 29.0078 21.2552 28.356ZM23.8842 21.3266C23.5764 21.7883 23.2301 22.2116 22.8453 22.5963C21.9329 23.5088 20.9023 24.1931 19.7535 24.6493C18.6047 25.1055 17.4366 25.3337 16.2493 25.3337C15.0621 25.3337 13.894 25.1055 12.7452 24.6493C11.5964 24.1931 10.5658 23.5088 9.65335 22.5963C8.74091 21.6839 8.05657 20.6533 7.60035 19.5044C7.14413 18.3556 6.91602 17.1876 6.91602 16.0003C6.91602 14.813 7.14413 13.645 7.60035 12.4962C8.05657 11.3474 8.74091 10.3168 9.65335 9.40433C10.0381 9.01956 10.4614 8.67327 10.9231 8.36546C11.3848 8.05765 11.874 7.79931 12.3907 7.59043C12.5666 7.52447 12.7452 7.51073 12.9266 7.54921C13.108 7.58768 13.2647 7.67288 13.3966 7.8048C13.4955 7.90374 13.567 8.01917 13.611 8.15109C13.6549 8.28301 13.6714 8.42043 13.6604 8.56334C13.5065 9.9485 13.6549 11.2897 14.1056 12.5869C14.5564 13.8841 15.2709 15.0219 16.2493 16.0003C17.2278 16.9787 18.3656 17.6988 19.6628 18.1605C20.96 18.6222 22.2957 18.7706 23.6698 18.6057C23.8238 18.5838 23.9667 18.5948 24.0986 18.6387C24.2305 18.6827 24.3459 18.7542 24.4449 18.8531C24.5768 18.985 24.6592 19.1444 24.6922 19.3313C24.7252 19.5182 24.7087 19.6996 24.6428 19.8755C24.4449 20.3812 24.192 20.8649 23.8842 21.3266Z"
          fill="#3E63DD"
        />
      </G>
    </Svg>
  );
};
